<template>
  <div class="app">
     <Header/>
    

    <div class="containr">
      <p>中国福利彩票双色球游戏（以下简称双色球）由中国福利彩票发行管理中心（以下称中福彩中心）发行和组织销售，均在中国福利彩票发行管理中心在各省福利彩票销售机构网点出票。</p>
      <p>
        详情可参考官方规则
        <br>
        http://www.cwl.gov.cn/c/2017-11-13/417937.shtml
      </p>
      <ul>
        <li>
          <h3>开奖时间</h3>
          <p>每周二、四、日、20:15开奖</p>
        </li>
        <li>
          <h3>玩法规则</h3>
          <p><span style="color:red ">6个红球</span>+<span  style="color:blue">1个蓝球</span>=1注(2元)</p>
        </li>
        <li>
          <h3>奖项设置</h3>
          <table>
            <thead>
              <tr>
                <th class="first">奖级</th>
                <th class="second">中奖说明</th>
                <th class="threed">奖金</th>
              </tr>
            </thead>
            <tbody>
              <tr>
                <td >一等奖</td>
                <td >中6红+1蓝</td>
                <td >浮动</td>
              </tr>
              <tr>
                <td>二等奖</td>
                <td>中6红</td>
                <td>浮动</td>
              </tr>
              <tr>
                <td>三等奖</td>
                <td>中5红+1蓝</td>
                <td>3000元</td>
              </tr>
              <tr>
                <td>四等奖</td>
                <td>中5红 中4红+1蓝</td>
                <td>200元</td>
              </tr>
              <tr>
                <td>五等奖</td>
                <td>中4红 中3红+1蓝</td>
                <td>10元</td>
              </tr>
              <tr>
                <td>六等奖</td>
                <td>中2红+1蓝 中1红+1蓝 中1蓝</td>
                <td>5元</td>
              </tr>
            </tbody>
          </table>
        </li>
      </ul>
    </div>
  </div>
</template>

<script>
import Header from '../../components/playshowHeader'
export default {
  name: "palyshow",
  data() {
    return {};
  },
  methods: {
    handback() {
      this.$router.back(-1);
    },
    handgoHome(){
      this.$router.push('/home')
    }
  },
   components:{
    Header
  }
};
</script>

<style scoped>
.app{
  height: 100%;
    background: #f5f5f5;
}


.header {
  position: fixed;
  z-index: 10;
  width: 100%;
  height: 0.4rem;
  background: #fff;
  display: flex;
  align-items: center;
  font-size: 0.16rem;
  color: #333;
  justify-content: center;
}
.leftImg {
  position: absolute;
  left: 0.2rem;
  width: 0.15rem;
  height: 0.15rem;
}
.RightImg {
  position: absolute;
  right: 0.2rem;
  width: 0.2rem;
   height: .2rem;
}

.containr {
  /* height: 100%; */
  position: absolute;
  font-size: .14rem;
  line-height: 1.56;
  top: 0.4rem;
  width: 100%;
  /* background: #f5f5f5; */
  padding: 0.15rem;
  box-sizing: border-box;
}
i {
  font-style: normal;
  font-size: 0.2rem;
}
h1 {
  font-size: 0.3rem;
  padding: 0.1rem 0;
}
.containr ul li {
  padding: 0.1rem 0;
  font-size: 0.14rem;
}
.containr ul li h3 {
  margin: 0.1rem 0;
}
table{
  border-collapse: collapse;
  width: 100%;
  text-align: center;
  border: 1px solid rgb(0, 0, 0);
}
th{
   border: 1px solid rgb(0, 0, 0);
   background: #cccccc;
}
td{

   border: 1px solid rgb(0, 0, 0);
}
.first{
  width: .8rem;
}
.second{
  width: 1.2rem;
}
.threed{
  width: .9rem;
}
</style>